@charset "utf-8";

/* CSS Document */

body { font-family: Arial,Verdana,"微软雅黑"; font-size: 13px; line-height: 1.5;margin:0 auto}

a { color:#000;text-decoration:none; }

a:hover { color:#F00;text-decoration:none;}

.clear{clear:both;}





/*头部*/

#header{width:100%; height:105px; background:#f2f2f2;}

.top{width:1200px;height:105px;  margin:0 auto;}

.toplogo{ width:520px; height:105px; background:url(../images/logo.png) center no-repeat; float:left}

.topinfo{ width:370px; height:105px; float:right;}

.topinfo-code{ width:86px; height:86px; margin-top:10px;float:left;background:url(../images/code.png) center no-repeat;}

.topinfo-list{ float:right; width:270px; height:100px; margin-top:10px;font-size:13px;}

.topinfo-list1{ width:270px;  margin-top:5px;}

.topinfo-list1 a{ padding:0 10px;}

.topinfo-list2{ background:url(../images/lip.png) no-repeat 2px 2px; padding-left:25px;margin-top:5px; color:#09C}

.topinfo-list3{background:url(../images/lip.png)  no-repeat 2px -20px;padding-left:25px;margin-top:5px;color:#09C}











/*导航*/

#menu{width:100%; height:42px; font-family:"微软雅黑"; margin-top:0; background:#0166be; font-size:14px;}

#nav{ margin:0 auto;width:1200px;height:42px;}

#nav .jquery{float:left;line-height:42px;display:block;text-align:center;background:#0049a8;width:70px;}

#nav .jquery a{ text-decoration:none;color:#fff;display:block;width:70px; text-align:center; height:42px;}

#nav .jquery a:hover{color:#09C;text-decoration:none;}



#nav .mainlevel{ position:relative;z-index:120;list-style:none;float:left;width:120px;/*IE6 only*/ }

#nav .mainlevel a{color:#FFF;text-decoration:none;line-height:42px;display:block;width:120px; text-align:center; height:42px;}

#nav .mainlevel a:hover{color:#09C;text-decoration:none;background:#0049a8}



#nav .mainlevel ul{display:none;text-align:center; position:absolute; z-index:100; margin:0; padding:0;}

#nav .mainlevel ul li{list-style:none;background:#8FB4E4;border-top:1px solid #FFF;}

#nav .mainlevel ul li a{color:#000;text-decoration:none;line-height:40px;display:block;width:120px;}

#nav .mainlevel ul li a:hover{color:#FFF;text-decoration:none;line-height:40px;display:block;width:120px;}





/*搜索*/

#search{width:270px; height:25px;float:left; margin-top:8px; margin-left:40px;}

#search-box{width:175px; height:25px; float:left; background:url(../images/scbg.png) no-repeat; border:0; padding-left:25px; outline:none}

.input-box{background:none; width:42px; height:25px; border:0; cursor:pointer; color:#FFF; outline:none}





/*幻灯片*/

.ppt{width:100%;  position:relative;z-index:1;}

.flicker-example{z-index:1;}











/* 首页内容*/

#mainContent{ width:100%; height:auto; margin:0 auto;}

#content1{ width:100%; height:505px;background:url(../images/con1.jpg) center no-repeat;}

#content1-bg{ width:1044px; height:505px;margin:0 auto}

#content1-nr{ width:420px; height:505px;}


#content1-nr .gsms{width:420px; height:auto; padding-top:150px; font-size:24px; line-height:16px;}


#content1-nr .gsjj{ width:420px; height:114px; font-size:14px}


#content1-nr .list{ width:400px; height:20px; font-size:18px;}

#content1-nr .list li{ float:left; padding-right:20px; list-style:inside}

#content1-nr .more{ width:200px; height:26px; margin-top:30px;}





#content2{width:100%; height:496px; background:url(../images/con2.jpg) no-repeat center; border-top:1px solid #CCC;}

#content2-box{ width:1020px; height:490px; margin:0 auto;}

#content2-pro{ width:1020px; height:300px; margin-top:149px;}

#content2-pro1{ width:490px; height:300px; float:left;}

#content2-pro1-img{ width:490px; height:210px; background:url(../images/led1.jpg) no-repeat; border:0;}

#content2-pro1-tit{ width:490px; height:50px; font-size:18px; text-align:center; padding-top:30px;}

#content2-pro1-tit span{ padding-left:36px;}



#content2-pro2{ width:490px; height:300px; float:right;}

#content2-pro2-img{ width:490px; height:210px; background:url(../images/led2.jpg) no-repeat; border:0;}

#content2-pro2-tit{ width:490px; height:50px; font-size:18px; text-align:center; padding-top:30px;}

#content2-pro2-tit span{ padding-left:36px;}







#content3{float:left;width:100%;position:relative;overflow:hidden; }
#content3 .left{position:relative;width:50%;float:left;  }
#content3 .left div{overflow:hidden; }
#content3 .left .di{width:100%;}
#content3 .left .lt{position:absolute;top:0;left:0;width:100%;height:65%;  }
#content3 .left .lt .ltl{float:left;width:50%;height:100%;  }
#content3 .left .lt .ltl img{width:100%;}
#content3 .left .lt .ltr{float:left;width:50%;height:100%;  }
#content3 .left .lt .ltr .ltrt{float:left;width:100%;height:46%; }
#content3 .left .lt .ltr .ltrt img{width:100%;}
#content3 .left .lt .ltr .ltrb{float:left;width:100%;height:55%; }
#content3 .left .lt .ltr .ltrb img{width:100%;}
#content3 .left .lb{position:absolute;bottom:0;left:0;width:100%;height:35%;  }
#content3 .left .lb img{width:100%;}
#content3 .right{position:relative;width:50%;float:left; }
#content3 .right div{overflow:hidden; }
#content3 .right .di{width:100%;}
#content3 .right .rl{position:absolute;top:0;left:0;width:50%;height:100%;}
#content3 .right .rl .rlt{float:left;width:100%;height:30%;}
#content3 .right .rl .rlt img{width:100%;}
#content3 .right .rl .rlb{float:left;width:100%;height:70%;}
#content3 .right .rl .rlb img{width:100%;}
#content3 .right .rr{position:absolute;top:0;right:0;width:50%;height:100%;}
#content3 .right .rr .rrt{float:left;width:100%;height:30%;}
#content3 .right .rr .rrt img{width:100%}
#content3 .right .rr .rrm{float:left;width:100%;height:70%;}
#content3 .right .rr .rrm img{width:100%}
img.enlarge{-webkit-transition: -webkit-transform 2s ease-out;
            -moz-transition: -moz-transform 2s ease-out;
            -ms-transition: -ms-transform 2s ease-out;
            transition: transform 2s ease-out;}
img.enlarge:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}

#content4{width:100%; height:445px;background:url(../images/con4.jpg) center no-repeat;}
#content4 ul{ display:block; width:1100px; height:auto; overflow:hidden; margin:0 auto;}
#content4 ul li{ float:left;width:275px; height:260px; margin-top:160px;}
.step{ padding:30px 50px 0px 0px;color:#686868}
.step p{ padding:0; margin:0;}
.step span{ font-size:14px; color:#5b5b5b;}
.step strong{ font-size:18px; color:#5b5b5b}
.step1{background:url(../images/step1.png) no-repeat;}
.step2{background:url(../images/step2.png) no-repeat;}
.step3{background:url(../images/step3.png) no-repeat;}
.step4{background:url(../images/step4.png) no-repeat;}
.step-des1{ margin-top:30px; line-height:24px;}
.step-des2{ margin-top:30px;line-height:24px; padding-right:30px;}
.step-des3{ margin-top:30px;line-height:24px;padding-right:30px;}
.step-des4{ margin-top:30px;line-height:24px;padding-right:40px;}





/* 底部*/

#foot{ width:100%; height:auto; background-color:#494949}

#foot-box{ width:1170px; height:300px; margin:0 auto;}

#foot-box-left{ width:344px; height:300px; background:url(../images/blogo.png) no-repeat; float:left}

#foot-box-list{ float:left; width:350px; height:300px; float:left;margin-left:20px;}

#foot-box-ls{ width:350px; margin-top:30px; color:#CCC;}

#foot-box-ls strong a{ font-size:16px; color:#FFF; font-weight:100; line-height:2}

#foot-box-ls ul { margin:0; padding:0;}

#foot-box-ls ul li{ line-height:1.5; font-size:13px; list-style:inside}

#foot-box-ls ul li a{ color:#CCC; text-decoration:none}

#foot-box-ls ul li a:hover{ color:#FC0; text-decoration:none}

#foot-box-ls ul li span{ font-size:13px; float:right}

#foot-box-right{ float:right; width:360px; height:300px;}

#foot-box-right1{ width:360px; height:110px;color:#CCC; margin-top:30px;}

#foot-box-right1 .blist{ width:100px; height:135px; float:left; list-style:none; line-height:2;}

#foot-box-right1 .blist a{ font-size:16px; color:#FFF}

#foot-box-right1 .blist ul{ margin:0; padding:0;}

#foot-box-right1 .blist ul li{ line-height:1.5; list-style:none;}

#foot-box-right1 .blist ul li a{color:#CCC; font-size:13px;}

#foot-box-right1 .blist ul li a:hover{ color:#FC0; font-size:13px;}

#foot-box-right2 { width:360px; height:46px; background:url(../images/gsmc.png) no-repeat;}

#foot-box-right3 { width:360px; height:100px; background:url(../images/lxbg.png) no-repeat; color:#FFF}

#foot-box-right3 li{list-style:none; padding-left:30px; padding-top:9px; line-height:1.2}


#links{ width:1100px; height:auto; margin:0 auto; font-size:14px}

#links  a{ color:#CCC; text-decoration:none; display:block;margin:10px 5px;float:left}

#links  a:hover{ color:#FC0; text-decoration:none}

#links .link:hover{  color:#CCC}

#foot-config{ width:100%; height:26px; line-height:26px;color:#CCC; text-align:center;background-color:#333333}

#foot-config a{ color:#CCC}

#foot-config a:hover{ color:#FC0}